﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Booking.aspx.cs" Inherits="BlueMarineWebClient.Search" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<title>Booking Room _ Blue Marine Hotel Offical Website _ we offer the best !!</title>

<script type="text/javascript" src="Scripts/jsDatePick.min.1.3.js"></script>
<script type="text/javascript">
    window.onload = function () {
        C1 =new JsDatePick({
            useMode: 2,
            target: "TopMainContent_txtDateFrom",
            dateFormat: "%d/%m/%Y"
        });
        C2 = new JsDatePick({
            useMode: 2,
            target: "TopMainContent_txtDateTo",
            dateFormat: "%d/%m/%Y"
        });
    };
    
</script>
<link rel="stylesheet" type="text/css" media="all" href="Styles/jsDatePick_ltr.min.css" />
    <style type="text/css">
        .style1
        {
            width: 70px;
        }
        .style2
        {
            width: 292px;
            text-align:right;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TopMainContent" runat="server">
    <form id="form1" runat="server">
<%--    <asp:ToolkitScriptManager runat="server">
    </asp:ToolkitScriptManager>--%>
<div class="content_box">
<h2>Looking for a Room as You like !</h2>

   <table>
       <tr class="content_box">
    <td >Date From: </td><td>
        <asp:TextBox ID="txtDateFrom" runat="server"  Width="70px"></asp:TextBox>

           <%--<asp:CalendarExtender ID="txtDateFrom_CalendarExtender" runat="server" 
               TargetControlID="txtDateFrom">
           </asp:CalendarExtender>--%>

        </td><td>
               
               To: </td><td class="style1">
        <asp:TextBox ID="txtDateTo" runat="server" Width="70px"></asp:TextBox>
       <%--        <asp:CalendarExtender ID="txtDateTo_CalendarExtender" runat="server" 
                   TargetControlID="txtDateTo">
               </asp:CalendarExtender>--%>

        </td><td rowspan=3 class="style2"><img src="Styles/images/booking.png" height="55px" /></td>
    </tr>
    <tr>
    <td >Price From: </td><td class="style1">
        <asp:DropDownList ID="ddlPriceFrom" runat="server">
            <asp:ListItem>10</asp:ListItem>
            <asp:ListItem>20</asp:ListItem>
            <asp:ListItem>30</asp:ListItem>
            <asp:ListItem>40</asp:ListItem>
        </asp:DropDownList>
        </td><td >To: </td><td class="style1">
        <asp:DropDownList ID="ddlPriceTo" runat="server">
            <asp:ListItem>10</asp:ListItem>
            <asp:ListItem>20</asp:ListItem>
            <asp:ListItem>30</asp:ListItem>
            <asp:ListItem>40</asp:ListItem>
        </asp:DropDownList>
        </td>
    </tr>
    <tr>
    <td colspan=3>
        <asp:CheckBox ID="chbView" runat="server" Text="View" />
        <asp:CheckBox ID="chbBath" runat="server" Text="Bath" />
        <asp:CheckBox ID="chbBalcony" runat="server" Text="Balcony" />

            
        </td><td class="style1">
            <asp:Button ID="btnSearch" runat="server" Text="Search" 
                onclick="btnSearch_Click" class="bluebutton" />
        </td>
    </tr>
    </table>   
     <p>
         <asp:Label ID="lblResult" runat="server" Text="Result"></asp:Label>

    </p>
    <p>
   <asp:DataList ID="dlRoomType" runat="server" Width="100%">
            <ItemTemplate>
                <h2><asp:Label ID="lblPrTitle" runat="server" Text='<%# Eval("RoomTypeTitle") %>'></asp:Label></h2>
                 <div class="image_wrapper image_fl"><span></span>
                    <asp:Image ID="imgPrImage" runat="server" width="130px" Height="107px" />
                </div>
                <p>
		            <asp:Label ID="lblPrSub" runat="server" Text="Label"></asp:Label>
                </p>
                <a href="#" class="float_r">view detail..</a>
                <div class="cleaner"></div>                
            </ItemTemplate>
        </asp:DataList>        

    </p>
</div>

    </form>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="TopRightMenu" runat="server">
           <h2>Online Utilities</h2>
        <p class="news_box"><a href="#"><strong>Booking Room</strong></a><br>
        Check room-price and collect the features<br />
        <img src="Styles/images/booking.png" />
        </p>
      <p class="news_box"><a href="#"><strong> Get the Sale</strong></a><br>
      Check out all of our promotion </p>
      <p class="news_box"><a href="#"><strong>Become a VIP</strong></a> <br>
Get a membership for alot of special offers </p>
      
<div class="twit_rss">
        	<a href="#"><img src="Styles/images/templatemo_twitter.png" alt="Twitter"></a>
            <a href="#"><img src="Styles/images/rss.png" alt="RSS"></a>
        </div>
</asp:Content>
